<template>
  <div>id: {{ id }}</div>
  <div>title: {{ title }}</div>
  <div>content: {{ content }}</div>
</template>

<script lang="ts">
  /**
   * @Author Rin_pu
   * @Date 2025/2/18 19:23
   * @Description MyTest5Child
   * @todo
   */
  export default {
    name: "MyTest5Child"
  }
</script>

<script setup lang="ts">
  import {useRoute} from 'vue-router'
  import {toRefs} from "vue";
  const route = useRoute();
  // 设置了props之后, 会变成<MyTest5Child :id='id' :title='title' :content:'content'/>
  // 否则还是得使用route.params.id去获取  或者router.query.id
  defineProps<{
    id : string,
    title: string,
    content: string,
  }>()
</script>

<style scoped>

</style>